<html>
  <head>
    <title>CraftClicker 1.37 beta</title>
    
    <!--客服 开始-->
<script src="http://likexia.gitee.io/game/js/jquery.min.js"></script>
<link rel="stylesheet" href="http://likexia.gitee.io/game/css/kf.css" type="text/css" media="screen" charset="utf-8">
<script src="http://likexia.gitee.io/game/js/kf.js"></script>
<!-- 客服 结束 -->
    <script type="text/javascript" src="js/inventory.js"></script>
    <script type="text/javascript" src="js/player.js"></script>
    <script type="text/javascript" src="js/resources.js"></script>
    <script type="text/javascript" src="js/items.js"></script>
    <script type="text/javascript" src="js/game.js"></script>
    <link type="text/css" href="css/styles.css" rel="stylesheet"  />
  </head>
  <body>
    <div id="container">
    <div class="floatRight">
      <button id="save">Save</button>
      <button id="load">Load</button>
      <p style="text-align: right; margin-top: 10px;"><input id="autosave" type="checkbox" checked="checked" /><label for="autosave">Autosave</label></p>
    </div>
      <div class="floatLeft">
        <div id="gatherActions">
          <div>
            <div id="gatherContainer">
              <img id="gather" src="images/pick-disabled.png" alt="Gather" title="Gather" onclick="game.step();" />
              <div id="durability"></div>
            </div>
          </div>
          <div><button id="gatherLink" onclick="game.step();">Gather with <i id="currentPick">Bare Hands</i></button></div>
        </div>
        <div id="recipes">
          <div id="experience"class="smallBar">
            <div id="experienceBar" class="smallBar">
                <div id="experienceBarText" class="smallBar smallBarText"></div>
            </div>
          </div>
          <div id="money"></div>
          <div id="recipeFilters">
            <select id="recipeCategoryFilter" onchange="game.drawRecipes();">
              <option value="All">All Categories</option>
            </select>
            <label><input id="haveResources" type="checkbox" onchange="game.drawRecipes();"/>Have Resources</label>
            <input id="recipeSearch" onkeyup="game.drawRecipes();"></input>
          </div>
          <div id="recipeScroll">
            <ul id="recipeCategories">
            </ul>
          </div>
          <div id="recipeRequirementsScroll">
            <div id="recipeRequirements"></div>
          </div>
          <div id="actions">
            <input id="craftAll" type="button" value="Craft All" onclick="game.craftAll()" disabled="disabled"></input>
            <input id="craftAmount" value="1" onkeypress='return event.charCode >= 48 && event.charCode <= 57'></input>
            <input id="craft" type="button" value="Craft" onclick="game.craft($('#craftAmount').val())" disabled="disabled"></input>
          </div>
        </div>
      </div>
      <div id="inventory">
        <div id="forges">
          <h2>Forges</h2>
          <table>
            <thead>
              <tr id="forgeNames">
                <th id="fn0">Empty</th>
                <th id="fn1">Empty</th>
                <th id="fn2">Empty</th>
                <th id="fn3">Empty</th>
              </tr>
            </thead>
            <tbody>
              <tr id="forgeList">
                <td id="f0"><img src="images/forge-disabled.png" /></td>
                <td id="f1"><img src="images/forge-disabled.png" /></td>
                <td id="f2"><img src="images/forge-disabled.png" /></td>
                <td id="f3"><img src="images/forge-disabled.png" /></td>
              </tr>
            </tbody>
          </table>
        </div>

        <h2 class="floatLeft">Inventory</h2>
        <div style="width: 200px; text-align: right"><a href="" id="sellAll" class="darkLink">Sell all</a></div>
        <table id="inventoryTable">
          <thead>
            <th>Item</th>
            <th>Amount</th>
            <th>
              <div id="keepHelpTooltip">
                <ol>
                  <li>Click the value to specify the amount to be kept.</li>
                  <li>Any extra will be sold automatically.</li>
                  <li>Delete the value to keep all items.</li>
                </ol>
                <a href="" id="keepHelpClose" class="floatRight">Close</a>
              </div>
              Keep<sup><a href="" id="keepHelp">?</a></sup>
            </th>
          </thead>
          <tbody>
          </tbody>
        </table>
      </div>
      <div id="help">
        <h4>Keyboard shortcuts</h4>
        <p>'g': Gather resources</p>
        <p>'[Space]': Craft selected recipe (or cancel if crafting)</p>
        <p>'a': Craft all of selected recipe</p>
        <p>'1-9': Craft <i>n</i> of selected</p>
      </div>
      <div class="floatRight">
        <button id="export">Export</button>
        <button id="import">Import</button>
        <button id="reset">Reset</button>
      </div>
      <div id="exportContainer" class="floatRight">
        <a id="exportHide" href="#" class="darkLink">Hide</a><br />
        <textarea id="exportData" readonly="readonly" rows="10" cols="100"></textarea>
      </div>
    </div>
  </body>
</html>
